.ui-op-dropdown {
    top: 24px !important;
}
.ui-op-setting-dropdown {
    :global {
        .ant-popover-inner {
            border: 1px solid var(--Colors-Use-Neutral-Border);
            box-shadow: 0px 8px 16px var(--Colors-Use-Basic-Shadow);
            border-radius: 4px;
            .ant-popover-inner-content {
                padding: 6px 4px 8px 4px;
            }
        }
    }
}

.ui-op-btn-wrapper {
    box-sizing: border-box;
    width: 44px;
    height: 36px;
    padding: 4px;

    .op-btn-body {
        border-radius: 4px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .op-btn-body-hover {
        background-color: var(--Colors-Use-Neutral-Bg);
        .icon-style {
            color: var(--Colors-Use-Main-Primary);
        }
    }

    .icon-style {
        color: var(--Colors-Use-Neutral-Text-3-Secondary);
        svg {
            width: 20px;
            height: 20px;
        }
    }
}

.ui-op-btn-wrapper:hover {
    .icon-style {
        color: var(--Colors-Use-Main-Primary);
    }
    .op-btn-body {
        background-color: var(--Colors-Use-Neutral-Bg-Hover);
    }
}
